﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tab.aspx.cs" Inherits="GeoWeb.Demo.MainTemplate.templates_006.web.tab.tab" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link id="contentCss" href="../css/bootstrap-cerulean.css" rel="stylesheet"/>
    <link href="../css/opa-icons.css" rel="stylesheet" type="text/css" />
    <title></title>
    <!--[if lt IE 9]><script src="../js/html5.js"></script><![endif]-->
    <link href="../style/main.css" rel="stylesheet" type="text/css" />
    <script src="../js/jquery-1.7.2.min.js"></script>
    <script src="../js/jquery.history.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/bootstrap-dropdown.js"></script>
    <script src="../javascript/PageCommon.js"></script>
    <script src="../../../../3DStatisticalChart/js/raphael.js" type="text/javascript"></script>
    <script src="../../../../3DStatisticalChart/js/highcharts.js" type="text/javascript"></script>
    <script src="../../../../3DStatisticalChart/js/Chart3D-1.1.js" type="text/javascript"></script>
    <script src="../javascript/tab.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
			<ul class="breadcrumb">
				<li>
					<a href="#" id="mainTitle" runat="server">首页</a> <span class="divider">/</span>
				</li>
				<li>
                    <div id="btnCommand" runat="server">
                            <button class="btn btn-small btn-warning">小按钮</button>
							<button class="btn btn-small">小按钮</button>
							<button class="btn">小按钮</button>
                    </div>
				</li>
			</ul>
		</div>
        <div class="sortable row-fluid">
				<a data-rel="tooltip" title="在线人数6人." class="well span3 top-block" href="#">
					<span class="icon32 icon-red icon-user"></span>
					<div>系统人数</div>
					<div>507</div>
					<span class="notification">6</span>
				</a>

				<a data-rel="tooltip" title="在线领导4人." class="well span3 top-block" href="#">
					<span class="icon32 icon-color icon-star-on"></span>
					<div>领导人数</div>
					<div>228</div>
					<span class="notification green">4</span>
				</a>

				<a data-rel="tooltip" title="待办事件12个." class="well span3 top-block" href="#">
					<span class="icon32 icon-color icon-messages"></span>
					<div>办理事件</div>
					<div>123</div>
					<span class="notification yellow">12</span>
				</a>
				
				<a data-rel="tooltip" title="新邮件14封." class="well span3 top-block" href="#">
					<span class="icon32 icon-color icon-envelope-closed"></span>
					<div>邮件</div>
					<div>25</div>
					<span class="notification red">14</span>
				</a>
			</div>
            <div class="row-fluid sortable">
				<div class="box span4">
					<div class="box-header well">
						<h2><i class="icon-th"></i> 指标</h2>
						<div class="box-icon">
							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<div id="divColumn" style="height:300px; width:100%"></div>
					</div>
				</div><!--/span-->
				<div class="box span4">
					<div class="box-header well">
						<h2><i class="icon-list"></i> 批</h2>
						<div class="box-icon">
							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<div id="divLine" style="height:300px; width:100%"></div>
					</div>
				</div><!--/span-->		
				
						
				<div class="box span4">
					<div class="box-header well" data-original-title>
						<h2><i class="icon-list-alt"></i> 供</h2>
						<div class="box-icon">
							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<div id="divPie" style="height:300px; width:100%"></div>
					</div>
				</div><!--/span-->
			</div>
    </form>
</body>
</html>
